<script setup lang="ts">
import { computed, ref } from "vue";

const props = defineProps<{
  disabled?: boolean;
}>();

const showPopover = ref(false);
const actions = computed(() => [
  { text: "查看处方", disabled: props.disabled },
  { text: "删除订单" },
]);

const emit = defineEmits<{
  (e: "on-delete"): void;
  (e: "on-preview"): void;
}>();

const onSelect = (action: { text: string }, i: number) => {
  if (i === 0) emit("on-preview");
  if (i === 1) emit("on-delete");
};
</script>

<template>
  <div class="cp-consult-more">
    <van-popover
      placement="top-start"
      v-model:show="showPopover"
      :actions="actions"
      @select="onSelect"
    >
      <template #reference>更多</template>
    </van-popover>
  </div>
</template>

<style lang="scss" scoped>
.cp-consult-more {
  flex: 1;
  color: var(--cp-tag);
}
</style>
